<template>
  <div class="suggest-wrapper">
    <div class="title g-flex-c">{{title}}</div>
    <div class="tips g-flex-c">{{tips}}</div>
    <div class="card-box g-flex-sa">
      <card v-for="num in 4" :key="num" :index="num"></card>
    </div>
  </div>
</template>
<script>
import Card from './card'
export default {
  components:{
    Card
  },
  data(){
    return {
      title: '经营建议',
      tips: '优化以下经营场景，以提升油站能力'
    }
  }
}
</script>
<style lang="less" scoped>
.suggest-wrapper{
  color: #333333;
  .title{
    font-size: 20px;
    font-family: PingFangSC-Medium, PingFang SC;
    font-weight: 500;
  }
  .tips{
    font-size: 14px;
    font-family: PingFangSC-Regular, PingFang SC;
    margin: 10px 0 30px;
  }
}
</style>